import React, { useMemo } from 'react';
import ReactDOM from 'react-dom';
import * as echarts from 'echarts';
import classNames from 'classnames';

import './Tooltip.less';

function Tooltip(params: echarts.TooltipComponentFormatterCallbackParams) {
  console.log('paramsparamsparams', params);

  return null;
}

export default (params: echarts.TooltipComponentFormatterCallbackParams) => {
  const container = document.createElement('div');
  container.classList.add('tooltip-container');
  ReactDOM.render(<Tooltip {...params} />, container);
  return container;
};
